<pre>&lt;!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"&gt;
&lt;ui:UiBinder
  xmlns:ui="urn:ui:com.google.gwt.uibinder"
  xmlns:g="urn:import:com.google.gwt.user.client.ui"
  xmlns:c='urn:import:com.google.gwt.user.cellview.client'
  xmlns:s="urn:import:com.google.gwt.sample.showcase.client.content.cell"&gt;

  &lt;ui:style&gt;
    .scrollable {
      height: 400px;
      width: 250px;
      border: 1px solid #ccc;
      text-align: left;
    }
    
    .contactFormCell {
      padding-left: 20px;
    }
  &lt;/ui:style&gt;

  &lt;g:HTMLPanel&gt;
    &lt;table&gt;
      &lt;tr&gt;
        &lt;td
          valign='top'
          align='center'&gt;
          &lt;s:ShowMorePagerPanel
            addStyleNames='{style.scrollable}'
            ui:field='pagerPanel' /&gt;
          &lt;s:RangeLabelPager
            ui:field='rangeLabelPager' /&gt;
        &lt;/td&gt;
        &lt;td
          class='{style.contactFormCell}'
          valign='top'
          align='center'&gt;
          &lt;s:ContactInfoForm
            ui:field='contactForm' /&gt;
          &lt;br /&gt;
          &lt;g:Button
            ui:field='generateButton'&gt;
            &lt;ui:msg
              key='cwCellListGenerateButton'&gt;Generate 50 Contacts&lt;/ui:msg&gt;
          &lt;/g:Button&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td
          align='center'&gt;
          &lt;s:ShowMorePagerPanel
            ui:field='pager' /&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/g:HTMLPanel&gt;
&lt;/ui:UiBinder&gt;
</pre>